@keyframes modalSearchTop {
  from{background-color:rgba(0,0,0,0.2);}
  to{background-color:rgba(0,0,0,0.2);}
}

@keyframes alertSearchTop {
  from{
    background-color:rgba(255,255,255,1);height: 0%;
  }
  to{
    background-color:rgba(255,255,255,1);height: 260px;
  }
}
@keyframes modalFadeBottom {
  from{
    background-color:rgba(255,255,255,1);height: 260px;
  }
  to{
    background-color:rgba(255,255,255,1);height: 0;
  }
}
.modal-income-filter{
  position:fixed;
  overflow: hidden;
  width:100%; height:100%;
  top:102px;  left:0;
  background-color:rgba(0, 0, 0, 0.2);
  z-index:1111;
  &.hide{

    display:none;
  }
  &.show{
    display:block;
    animation:modalSearchTop .2s linear;
  }

}
.modal-income-alert{
  overflow: hidden;
  position:fixed;
  z-index: 9999;
  width:100%;
  background-color:rgba(255,255,255,0.99);
  animation:alertSearchTop 0.2s linear;
}

.op-button {
  overflow: hidden;
  width: 100%;
  >a{
    width: 50%;
    display: block;
    text-align: center ;
    font-size: 14px;
    line-height: 40px;
    &.reset{
      float: left;
      color: #9d0152;
      background: @white;
      border-top: 1px solid #9d0152;

    }
    &.finish{
      float: left;
      color: @white;
      background: #9d0152;
      border-top: 1px solid #9d0152;
    }
  }

}

.income-type{
  padding: 10px;
  overflow: hidden;
  border-bottom: 1px solid @border;
  >.type-title{
    color: @gray;
    font-size: 14px;
    padding: 6px 0px;
  }
  >.type-button{
    font-size: 13px;
    color: @black;
    padding: 6px 0;
    >a{
      margin-right: 6px;
      padding: 10px 0px 8px 0px;
      width: 70px;
      text-align: center;
      position: relative;
      border-radius: 4px;
      background: #E6E6E6;
      >img{
        position: absolute;
        z-index: 10;
        bottom: 0;
        right: 0;
        height: 22px;
        width: 22px;
      }
    }

  }
  >.date-select{
    overflow: hidden;
    font-size: 13px;
    color: @black;
    padding: 6px 0;
    >.date-background{
      width: 100%;
      overflow: hidden;
      background: #E6E6E6;
      padding: 6px 0px;
      >input{
        width: 40%;
        background: @white;
        height: 30px;
        outline: none;
        text-align: center;
        -webkit-appearance:none;appearance:none;border:none;
      }
      >.line{
        float: left;
        width: 12%;
        text-align: center;
        >span{
          margin-top: 15px;
          margin-left: 10%;
          width: 80%;
          display: block ;
          text-align: center;
          border: 1px solid @gray;
        }

      }
    }
  }
}